<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后盾人</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            width: 100vw;
            height: 100vh;
            display: grid;
            grid-template-rows: 10vh 1fr 10vh;
        }

        header {
            background: #e67e22;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2em;
            color: white;
        }

        main {
            background: url("images/5.jpg") no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        div {
            width: 80vw;
            border-radius: 10px;
            padding: 10px;
            color: white;
            opacity: .8;
            box-shadow: 0 0 10px rgba(0, 0, 0, .8);
        }

        div:nth-child(1) {
            transform: translateY(-50px);
            background: #8e44ad;
        }

        div:nth-child(2) {
            background: #e74c3c;
        }

        footer {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.3em;
            color: white;
            background: #34495e;
        }
    </style>
</head>

<body>
    <header>后盾人</header>
    <main>
        <div>Flat UI Colors 2 features 13 more color palettes. Collaborating with 13 designers around the world, a total
            set of 280 colors are on your command for COPY / PASTE for your next project, design, presentation</div>
        <div>Flat UI Colors uses cookies to personalize content and make the website site easier for you to use.
            By continuing to browse the site, you are agreeing to our use of cookies.</div>
    </main>
    <footer>houdunren.com</footer>
</body>

</html>